<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>资料详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/static/wx/lib/sui/sm.min.css">
    <link rel="stylesheet" href="/static/wx/lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="/static/wx/css/reset.css">
    <link rel="stylesheet" href="/static/wx/css/main.css">
    <link rel="stylesheet" href="/static/wx/css/public_main.css">
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="">
            <!-- 主内容 -->
            <div class="content">
                <div class="setp-card">
                    <div class="step-box">
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">核对资料</div>
                        </div>
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">填写相关</div>
                        </div>
                        <div class="step-item selected">
                            <div class="step-item-line"><span></span></div>
                            <div class="step-item-text size-65 text-c">拍卖收款</div>
                        </div>
                    </div>
                    <div class="size-65 text-c">
                        以下资料作为法律责任依据请仔细核对</div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">
                        <div>承保单位</div>
                    </div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            承保单位：{$info.company_name}
                        </div>
                        <div class="item-card-content-item">
                            联系人：{$info.username}
                        </div>
                        <div class="item-card-content-item">
                            手机：{$info.mobile}
                        </div>
                    </div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">
                        <div>保单险种</div>
                    </div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            保单号：{$info.policy_num}
                        </div>
                        <div class="item-card-content-item">
                            报案号：{$info.report_num}
                        </div>
                        <div class="item-card-content-item">
                            出险险种：{$info.insurance_type_name}
                        </div>
                    </div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">
                        <div>货品信息</div>
                    </div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            货品类别：{$info.goods_type_name}
                        </div>
                        <div class="item-card-content-item">
                            货品名称：{$info.goods_name}
                        </div>
                        <div class="item-card-content-item">
                            数量规格：{$info.goods_num}吨
                        </div>
                        <div class="item-card-content-item">
                            物品原值：{$info.good_price}万元
                        </div>
                    </div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">货品受损</div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            受损时间：{$info.damage_at}
                        </div>
                        <div class="item-card-content-item">
                            受损原因：{$info.damage_result}
                        </div>
                        <div class="item-card-content-item" style="display:flex">
                            <div> 货品所在地：</div>
                            <div>
                                <div>{$info.omit}{$info.city}{$info.classify}</div>
                                <div>{$info.address_detail}</div>
                            </div>
                        </div>
                        <div class="item-card-content-item">
                            第三方报告：{$info.other_report.0}
                        </div>
                    </div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">货品现状</div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            货品在{$info.present_at}时的现状
                        </div>
                        <div class="item-card-content-item">
                            货品清单：货品清单.doc
                        </div>
                        <div class="item-card-content-item">
                            货品描述：{$info.goods_desc}
                        </div>
                        <div class="item-card-content-item" style="display:flex;align-items:center;">
                            <div>上传的照片：</div>
                            {if isset($info['present_img'])}
                            {foreach($info['present_img'] as $v)}
                            <div class="pre-view">
                                <img src="{$v}" style="width: 2.5rem;height: 2.5rem" class="i">
                            </div>
                            {/foreach}
                            {/if}
                        </div>
                        <div class="item-card-content-item" style="display:flex;align-items:center;">
                            <div>上传的视频：</div>
                            {if isset($info['present_video'])}
                            {foreach($info['present_video'] as $v)}
                            <div class="pre-view">
                                <img src="{$v}" style="width: 2.5rem;height: 2.5rem">
                            </div>
                            {/foreach}
                            {/if}
                            <!--<div class="pre-view">-->
                                <!--预览-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
                <div class="item-card">
                    <div class="item-card-header">物权信息</div>
                    <div class="item-card-content">
                        <div class="item-card-content-item">
                            要求在{$info.should_at} 前处置完成
                        </div>
                        <div class="item-card-content-item">
                            物权单位：{$info.rem_company}
                        </div>
                        <div class="item-card-content-item">
                            联系人：{$info.linkman}
                        </div>
                        <div class="item-card-content-item">
                            手机号：{$info.connect_phone}
                        </div>
                    </div>
                </div>
                <div class="btn-box">
                    <div class="my-btn">
                        <input type="hidden" value="{$info.policy_num}" id="policy_num">
                        <span class="active">确认（进入下一步）</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type='text/javascript' src='/static/wx/lib/sui/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/static/wx/lib/sui/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/static/wx/lib/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/static/wx/layui/layui.js"></script>
    <script type='text/javascript' src="/static/wx/lib/sui/jquery.js"></script>
    <script>
        layui.use(['layer'], function(){
            $('.i').on('click',function(){
                var th=$(this);
                var img=th[0].currentSrc;
                layer.open({
                    type: 1,
                    title: false,
                    closeBtn: 0,
                    area: '80%',
                    skin: 'layui-layer-nobg', //没有背景色
                    shadeClose: true,
                    content:'<img src="'+img+'" style="width:100%;">'
                });
            });
        });





        $('.my-btn').on('touchend',function(){
            var policy_num = $('#policy_num').val();
            $.ajax({
                url:'/wx/insurant/changeStatus?policy_num='+policy_num,
                type:'get',
                dataType:'json',
                success:function (data) {
                    console.log(data);
                    if(data.code ==200){
                        window.location.href = '/wx/insurant/step_1?policy_num='+data.data;
                    }else{
                        $.alert(data.msg);
                    }
                }
            });
        });
    </script>
    <script>
        var n = $('.step-box').children().length;
        $('.step-item').css('width', document.body.clientWidth / n + 'px');



    </script>
</body>

</html>